<template>
	<div>
		<table>
			<tr style='float:left'>
				<td>
					排列方向:
				</td>
				<td>
					<el-select v-model="OrderByValue" @change="emitData" size="mini"   placeholder="请选择">
                                                <el-option
                                                v-for="x in OrderData"
                                                :key="x.TypeValue"
                                                :label="x.TypeName"
                                                :value="x.TypeValue" >

                                                </el-option>
                                        </el-select>
				</td>
			</tr>
		</table>
     
	   
	</div>
</template>

<script>
 // import Vue from 'vue'
  import OrderBy,{OrderByTypes} from './ts/OrderByTypes'

	
export default  {

     data() {
       return {OrderData:[], OrderByValue:OrderByTypes.obtVertical}
		 },
		 
		created:function()
	   {
		    this.OrderData.push(new OrderBy('纵向排列',OrderByTypes.obtVertical));
				this.OrderData.push(new OrderBy('横行向排列',OrderByTypes.obtHorizontal));
	   },

     props:['Title'],

     methods:{
      emitData:function(event) {
		
				this.$emit("EvGetOrderBy",this.OrderByValue);
				this.$emit('input', event); //触发 input 事件，并传入新值
	
			}
     }
}

</script>
 
<style>


</style>
